<!--
  作者：谭海军
<<<<<<< HEAD
描述：作业审批页面
=======
描述：小组作业页面
>>>>>>> a423ace (版本03-动态路由)
修改人：谭海军 
 -->
<template>
  <div class="Taskbody">
    <div class="footer">
      <div class="leftsumit">作业审批</div>
      <div>
        <div class="startbtn"><el-button>返回</el-button></div>
      </div>
    </div>
    <!-- 作业审批 -->
    <div class="firstbody">
      <ul class="textul">
        <li>项目名称: <el-cascader class="textalllright" :options="entryname" placeholder="项目名称" /></li>
        <li>作业主题: <el-cascader :options="entryname" placeholder="项目名称" /></li>
        <li>发布时间: <el-cascader :options="entryname" placeholder="项目名称" /></li>
        <li>截止时间: <el-cascader :options="entryname" placeholder="项目名称" /></li>
        <li>作业类型: <el-cascader :options="entryname" placeholder="项目名称" /></li>
        <li>选择小组: <el-cascader :options="entryname" placeholder="项目名称" /></li>
         <li>选择小组: <el-cascader :options="entryname" placeholder="项目名称" /></li>
      </ul>
      <div class="load">
        <el-button class="loadwen" type="primary" color="#3E94AD"
          >上传附件</el-button
        >
        <a class="loadwens">XXX.docx</a>
      </div>
    </div>
    <!-- 输入作业内容 -->
    <div class="textmodel">
    <div class="textallshuru">
      <div class="buttons">
        <input class="btnshu1" type="button" value="</>" />
        <input class="btnshu" type="button" value="" />
        <input class="btnshu" type="button" value="" />
        <input class="btnshu" type="button" value="" />
        <input class="btnshu" type="button" value="" />
      </div>
      <div>
        <textarea class="textareashur" placeholder="请输入作业内容" type="textarea"></textarea>
      </div>
    </div>
    </div>
    <!-- 按钮 -->
    <div class="lastbtn2">
      <div class="selctbtn">
        <el-button type="primary" color="#3E94AD">提交</el-button>
      </div>
      <div class="startbtn"><el-button>返回</el-button></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "_Publish",
};
</script>

<style scoped>
.textalllright{
    width: 10px;
    height: 10px;
}
.Taskbody {
  width: 1200px;
  height: 200px;
  margin-top: 100px;
  margin-left: 50px;
}
.footer {
  display: flex;
  justify-content: space-between;
}
.leftsumit {
  width: 130px;
  height: 40px;
  background: #3e94ad;
  color: aliceblue;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.startbtn {
  margin-left: 20px;
  margin-top: 10px;
}
.firstbody {
  width: 100%;
  height: 165px;
  margin-top: 10px;
  background: rgb(194, 225, 233);
  box-shadow: #3e94ad;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #b4b4b4;
}
/* 作业内容 */
.secondbody {
  margin-top: 10px;
  width: 100%;
  height: 120px;
  background: rgb(194, 225, 233);
  border-radius: 5px;
  box-shadow: 3px 3px 10px #b4b4b4;
}
.textul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.textul li {
  margin-left: 15px;
  margin-top: 20px;
  width: 23%;
  color: black;
}
.loadwen {
  margin-top: 20px;
  margin-left: 10px;
}
.loadwens {
  color: black;
  margin-left: 10px;
  line-height: 75px;
  position: absolute;
}
/* 输入作业内容 */
.textmodel{
  height: 225px;
  width: 100%;
  background: rgb(194, 225, 233);
  box-shadow:3px 3px 10px #b4b4b4;
  border-radius: 5px;
}
.textallshuru {
  margin-left: 10px;
  margin-top: 20px;
  padding-top: 10px;
}
.buttons {
  display: flex;
}
.btnshu1 {
  width: 70px;
  height: 40px;
  background: aliceblue;
  border-color: #b4b4b4;
  border-bottom: none;
}
.btnshu {
  width: 70px;
  height: 40px;
  background: aliceblue;
  border-color: #b4b4b4;
  border-left: none;
  border-bottom: none;
}
.textareashur {
  width: 1100px;
  height: 150px;
  padding-top: 10px;
  border-color: #b4b4b4;
  text-align: start;
  font-family:"微软雅黑";
  
}
/* 按钮 */
.lastbtn2 {
  display: flex;
  margin-top: 20px;
}
.startbtn{
    margin-top: 0px;
}
</style>
